.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

html,body,
.swiper-container{
    height: 100%;
}

.swiper-slide{
    position: relative;
    p:nth-child(1) {
        padding-top: 10vh;
        img {
            display: block;
            margin: 0 auto;
            .px2rem(width, 450);
        }
    }
    div:nth-child(2) {
        width: 39%;
        text-align: center;
        position: absolute;
        left:32%;
       top:55%;
        h1 {
            .px2rem(font-size, 35);
            padding-bottom: 2%;
        }
        p {
            .px2rem(font-size, 35);
            padding-bottom: 10%;
        }
        span {
            .px2rem(font-size, 26);
            .px2rem(line-height, 50);
        }
    }
}

.swiper-slide:nth-child(4) {

    div:nth-child(2) {
        width: 50%;
        text-align: center;
        position: absolute;
        border: 1px solid #41a154;
        .px2rem(border-radius, 20);
        left: 23.5%;
        top: 65%;
        padding: 2.5% 1.5%;
        span {
            .px2rem(font-size, 32);
            color: #41a154;
        }
        i {
            float: right;
            .px2rem(font-size, 32);
            margin-top: 1%;
            color: #41a154;
        }
    }
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10vh;
    span {
        .px2rem(width, 20);
        .px2rem(height, 20);
    }
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}
